@import 'skin.css';
  @import 'cmpl.css';
  @import 'bipnpl.css';
  @import 'bipnss.css';
  @media screen and (max-width:1000px) {
  .wrapper,
.content-wrapper,
.sidebar-wrapper {
  width:auto;
}
.wrapper {
  margin:0 5px;
}
.sidebar-wrapper {
  float:left;
}
}

@media screen and (max-width:700px) {
  .menu label[for="hide"] {
    display:block;
  }
  .menu ul {
    display:none;
  }
  .menu ul li {
    padding:0;
    float:none;
  }
  .menu ul li a {
    border:1px dashed #ccc;
    border-top:none;
    display:block;
    text-align:center;
  }
  .hide:checked ~ .show {
    display:block;
  }
  .post-share-buttons a{border:none;padding:0;}
  a.comment-permalink{font-size:50%}
}

@media screen and (max-width:400px) {
  #search input[type="text"]:hover {
    width:150px;
  }
  .fb,
  .tw {
    bottom:5px;
  }
  .fb {
    right:30px;
  }
  .tw {
    right:55px;
  }
  .post-body img {
    width:100%;
  }
  .wrapper {
    position:relative;
  }
  .blog-pager-newer-link,
  .blog-pager-older-link {
    width:48%;
  }
}

@media screen and (max-width:300px) {
  #search input[type="text"]:hover {
    width:120px;
  }
  .content-wrapper {
    float:none;
  }
}